<template>
<div class="card">
    <h3 class="title">
        {{header}}
    </h3>
    <el-row :span="20">
        <el-col v-for="(item,key) in data" :key="key" :span="8">
          <div>
              
            {{item.label}}：{{item.value}}
          </div>
        </el-col>
      </el-row>
</div>
</template>
<script>
export default {
  components: {
  },
  data() {
    return {
    }
  },
  created() {
  },
  watch: {},
  mounted() { },
  computed: {
  },
  props: ['data','header'],
  methods: {
  }
};
</script>

<style>

.card:last-child {
    border-bottom: 0px;
}

.card {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ededed;
}

.card .title {
    font-weight: 600;
    font-style: normal;
    color: rgba(0, 0, 0, 0.847058823529412);
}
</style>

